<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="H J" content="Change is indeed difficult, but the results are worth the risk!">
    <title>小米官网</title>
    <link rel="stylesheet" href="./小米官网.css">
    <link rel="icon" href="./imger/logo-mi2.png">
</head>
<!--------------------------- ！！！  导航栏    ！！！  ------------------------------------->
<!--  
 *
 * ━━━━━━==神兽出没━━━━━━
 * 　　　┏┓　　　┏┓
 * 　　┏┛┻━━━┛┻┓
 * 　　┃　　　　　　　┃
 * 　　┃　　　━　　　┃
 * 　　┃　┳┛　┗┳　┃
 * 　　┃　　　　　　　┃
 * 　　┃　　　┻　　　┃
 * 　　┃　　　　　　　┃
 * 　　┗━┓　　　┏━┛Code is far away from bug with the animal protecting
 * 　　　　┃　　　┃    神兽保佑,代码无bug
 * 　　　　┃　　　┃
 * 　　　　┃　　　┗━━━┓
 * 　　　　┃　　　　　　　┣┓
 * 　　　　┃　　　　　　　┏┛
 * 　　　　┗┓┓┏━┳┓┏┛
 * 　　　　　┃┫┫　┃┫┫
 * 　　　　　┗┻┛　┗┻┛
 *
 * ━━━━━━=====a哈哈哈━━━━━━
 */-->

<body>
    <thead>
        <div class="nav">
            <div class="w">
                <div class="navx">
                    <ul>
                        <li><a href="#">小米官网 </a></li><span>|</span>
                        <li><a href="#">小米商城</a></li><span>|</span>
                        <li><a href="#">小米澎湃OS</a></li><span>|</span>
                        <li><a href="#"> IoT</a></li><span>|</span>
                        <li><a href="#"> 云服务</a></li><span>|</span>
                        <li><a href="#">天星数科</a></li><span>|</span>
                        <li><a href="#">有品</a></li><span>|</span>
                        <li><a href="#">小爱开放平台</a></li><span>|</span>
                        <li><a href="#">协议规则</a></li><span>|</span>
                        <li><a href="#">下载app</a></li><span>|</span>
                        <li><a href="#">Select Location</a></li>
                    </ul>

                    <div class="navq"><a href="#"> <i class="shopp"></i> 购物车(0)</a></div>
                    <div class="navd">
                        <ul>
                            <li><a href="#">登录</a></li><span>|</span>
                            <li><a href="#">注册</a></li><span>|</span>
                            <li><a href="#">消息通知</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- -------------------------------------- ！！！ 手机菜单栏！！  ------------------------------------ -->
        <div class="con w">
            <a href="#"><img src="./imger/logo-mi2.png" alt=""></a>
            <div class="con-s">
                <ul>
                    <li><a href="#">Xiaomi手机</a></li>
                    <li><a href="#">Redmi手机</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">平板</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">服务中心</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
                <div class="int">
                    <em class="sou"></em>
                </div>
            </div>
        </div>
        <!-- -------------------------------------！！！     手机侧边栏       ！！！！-------------------------------->
        <div class="com w">
            <div class="left">
                <ul>
                    <li><a href="#">手机</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">笔记本 平板</a></li>
                    <li><a href="#">出行 穿戴</a></li>
                    <li><a href="#">耳机 音箱</a></li>
                    <li><a href="#">健康 儿童</a></li>
                    <li><a href="#">生活 箱包</a></li>
                    <li><a href="#">智能 路由器</a></li>
                    <li><a href="#">电源 配件</a></li>
                </ul>
            </div>
            <div class="right">
                <a href="#"><img src="./imger/3.jpg" alt=""></a>
            </div>
        </div>
        <!--------------------------------------------------！！！ 小盒子    ！！！--------------------------------->
        <div class="son w">
            <div class="son1">
                <ul>
                    <li><a href="#"><img src="./imger/1x.png" alt="">
                            <p>小米秒杀</p>
                        </a></li>
                    <li><a href="#"><img src="./imger/2x.png" alt="">
                            <p>企业团购</p>
                        </a></li>
                    <li><a href="#"><img src="./imger/3x.png" alt="">
                            <p>F码通道</p>
                        </a></li>
                    <li><a href="#"><img src="./imger/4x.png" alt="">
                            <p>米粉卡</p>
                        </a></li>
                    <li><a href="#"><img src="./imger/5x.png" alt="">
                            <p>以旧换新</p>
                        </a></li>
                    <li><a href="#"><img src="./imger/6x.png" alt="">
                            <p>话费充值</p>
                        </a></li>
                </ul>
            </div>
            <div class="son2"><a href="#"><img src="./imger/1s.jpg" alt=""></a></div>
            <div class="son2"><a href="#"><img src="./imger/2s.jpg" alt=""></a></div>
            <div class="son21"><a href="#"><img src="./imger/3s.jpg" alt=""></a></div>
        </div>
        <!--  -->
        <!-- ---------------------------------   !!绝对定位问题栏!! ----------------------------------------------->
        <!--  -->
        <div class="wed">
            <ul>
                <li><a href="#"><i class="wed1"></i>
                        <p>手机APP</p>
                    </a></li>
                <li><a href="#"><i class="wed1"></i>
                        <p>个人中心</p>
                    </a></li>
                <li><a href="#"><i class="wed1"></i>
                        <p>售后服务</p>
                    </a></li>
                <li><a href="#"><i class="wed1"></i>
                        <p>人工客服</p>
                    </a></li>
                <li><a href="#"><i class="wed1"></i>
                        <p>购物车</p>
                    </a></li>
                <li><a href="#"><i class="wed1"></i>
                        <p>回到顶部</p>
                    </a></li>
            </ul>
        </div>

    </thead>
    <!-- 身体 -->
    <div class="h-j">
        <tbody>
            <div class="top1 w"><a href="#"><img src="./imger/nav.jpg" alt=""></a> </div>
            <div class="kun w"></div>
            <!-- -------------------------------！！！！！手机标题栏！！！！！---------------------------------------- -->
            <div class="box w">
                <div class="top-1 ">
                    <h2>手机</h2>
                </div>
                <div class="top-2 ">
                    <a href="#">查看更多 <i class="jto"></i></a>
                </div>
            </div>
            <!--  -->
            <!-- ------------------------------------------------------------------------------       手机!!!!!!!!   -->
            <!--  -->
            <div class="big w">
                <div class="zuo"><a href="#"><img src="./imger/zuo.jpg" alt=""></a></div>
                <div class="you1">
                    <ul>
                        <li><a href="#"><img src="./imger/1d.jpg" alt="">
                                <h3>Redmi K70 Pro</h3>
                                <p>
                                    第三代骁龙8 年度旗舰平台</p>
                                <p class="f">3299元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/2d.jpg" alt="">
                                <h3>Redmi K70</h3>
                                <p>
                                    第二代骁龙8 旗舰芯</p>
                                <p class="f">2499元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/4d.jpg" alt="">
                                <h3>Redmi K70E</h3>
                                <p>
                                    新一代旗舰焊门员</p>
                                <p class="f">1999元起</p>
                            </a></li>
                        <li class="d"><a href="#"><img src="./imger/5d.jpg" alt="">
                                <h3>Xiaomi 14 Pro</h3>
                                <p class="den">
                                    徕卡Summilux可变光圈镜头｜小米澎湃OS</p>
                                <p class="f">4999元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/7d.jpg" alt="">
                                <h3>Xiaomi 14</h3>
                                <p class="den">
                                    徕卡光学Summilux镜头｜小米澎湃OS｜第</p>
                                <p class="f">3999元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/8d.jpg" alt="">
                                <h3>Redmi Note 13 Pro</h3>
                                <p>
                                    小金刚品质</p>
                                <p class="f">1399元起 <s class="dz">1499元</s></p>
                            </a></li>
                        <li><a href="#"><img src="./imger/9d.jpg" alt="">
                                <h3>Redmi Note 13 Pro+</h3>
                                <p>
                                    天玑 7200-Ultra 处理器</p>
                                <p class="f">1899元起 <s class="dz">1999元</s></p>
                            </a></li>
                        <li class="d"><a href="#"><img src="./imger/10d.jpg" alt="">
                                <h3>Redmi Note 13 5G</h3>
                                <p>
                                    1 亿像素 更快更清晰</p>
                                <p class="f">1099元起 <s class="dz">1199元</s></p>
                            </a></li>
                    </ul>
                </div>

            </div>
            <!--  -->
            <!-- -----------！！！！！！手表标题栏！！！！！ ---------------------->
            <!--  -->

            <div class="box  w h-j">
                <div class="top-1 ">
                    <h2>智能穿戴</h2>
                </div>
                <div class="top-2 ">
                    <a href="#">耳机 </a>
                </div>
                <div class="top-3 ">
                    <a href="#">穿戴 </a>
                </div>
            </div>
            <!--  -->
            <!----------------------------------------------------！！！！！！ 手表！！！！！！----------------------------------------------->
            <!--  -->
            <div class="big w h-j">
                <div class="zuo"><a href="#"><img src="./imger/1h.jpg" alt=""></a></div>
                <div class="you1">
                    <ul>
                        <li><a href="#"><img src="./imger/1hh.jpg" alt="">
                                <h3>小米手环8 Pro 原神定制版</h3>
                                <p>
                                    达达利亚主题定制手环 | 主题定制充电底</p>
                                <p class="f">549元</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/2hh.jpg" alt="">
                                <h3>
                                    Redmi Watch 4
                                </h3>
                                <p>
                                    1.97英寸AMOLED大屏丨潮流金属表框丨20天超长续航</p>
                                <p class="f"> 499元</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/3hh.jpg" alt="">
                                <h3>Redmi K70E</h3>
                                <p>
                                    新一代旗舰焊门员</p>
                                <p class="f">1999元起</p>
                            </a></li>
                        <li class="d"><a href="#"><img src="./imger/4hh.jpg" alt="">
                                <h3>Xiaomi 14 Pro</h3>
                                <p class="den">
                                    徕卡Summilux可变光圈镜头｜小米澎湃OS</p>
                                <p class="f">4999元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/5hh.jpg" alt="">
                                <h3>Xiaomi 14</h3>
                                <p class="den">
                                    徕卡光学Summilux镜头｜小米澎湃OS｜第</p>
                                <p class="f">3999元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/6hh.jpg" alt="">
                                <h3>Redmi Note 13 Pro</h3>
                                <p>
                                    小金刚品质</p>
                                <p class="f">1399元起 <s class="dz">1499元</s></p>
                            </a></li>
                        <li><a href="#"><img src="./imger/7hh.jpg" alt="">
                                <h3>Redmi Note 13 Pro+</h3>
                                <p>
                                    天玑 7200-Ultra 处理器</p>
                                <p class="f">1899元起 <s class="dz">1999元</s></p>
                            </a></li>
                        <!--  -->
                        <!-- 需要细改！！！！！ -->
                        <!--  -->
                        <li class="d"><a href="#">
                                <div class="shang"><a href="#"><img src="./imger/xxx.jpg" alt="">
                                        <h3>
                                            Redmi Buds 4 活力版
                                        </h3>
                                        <span class="dy">88元</span>
                                    </a></div>
                                <div class="xia">
                                    <a href="#">
                                        <h3>浏览更多<p>耳机</p>
                                        </h3>
                                        <i class="song"></i>
                                    </a>
                                </div>
                            </a></li>
                    </ul>
                </div>

            </div>
            <div class="box  w ">
                <div class="top-1 ">
                    <h2>笔记本|平板</h2>
                </div>
                <div class="top-2 ">
                    <a href="#">热门 </a>
                </div>
            </div>
            <!--  -->
            <!----------------------------------------------------！！！！！！笔记本！！！！！！----------------------------------------------->
            <!--  -->
            <div class="big w h-j">
                <div class="zuo"><a href="#"><img src="./imger/1t.jpg" alt=""></a></div>
                <div class="you1">
                    <ul>
                        <li><a href="#"><img src="./imger/2t.jpg" alt="">
                                <h3>小米手环8 Pro 原神定制版</h3>
                                <p>
                                    达达利亚主题定制手环 | 主题定制充电底</p>
                                <p class="f">549元</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/3t.jpg" alt="">
                                <h3>
                                    Redmi Watch 4
                                </h3>
                                <p>
                                    1.97英寸AMOLED大屏丨潮流金属表框丨20天超长续航</p>
                                <p class="f"> 499元</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/4t.jpg" alt="">
                                <h3>Redmi K70E</h3>
                                <p>
                                    新一代旗舰焊门员</p>
                                <p class="f">1999元起</p>
                            </a></li>
                        <li class="d"><a href="#"><img src="./imger/5t.jpg" alt="">
                                <h3>Xiaomi 14 Pro</h3>
                                <p class="den">
                                    徕卡Summilux可变光圈镜头｜小米澎湃OS</p>
                                <p class="f">4999元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/6t.jpg" alt="">
                                <h3>Xiaomi 14</h3>
                                <p class="den">
                                    徕卡光学Summilux镜头｜小米澎湃OS｜第</p>
                                <p class="f">3999元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/7t.jpg" alt="">
                                <h3>Redmi Note 13 Pro</h3>
                                <p>
                                    小金刚品质</p>
                                <p class="f">1399元起 <s class="dz">1499元</s></p>
                            </a></li>
                        <li><a href="#"><img src="./imger/8t.jpg" alt="">
                                <h3>Redmi Note 13 Pro+</h3>
                                <p>
                                    天玑 7200-Ultra 处理器</p>
                                <p class="f">1899元起 <s class="dz">1999元</s></p>
                            </a></li>
                        <!--  -->
                        <!-- 需要细改！！！！！ -->
                        <!--  -->
                        <li class="d"><a href="#">
                                <div class="shang"><a href="#"><img src="./imger/9t.jpg" alt="">
                                        <h3>
                                            Redmi Buds 4 活力版
                                        </h3>
                                        <span class="dy">88元</span>
                                    </a></div>
                                <div class="xia">
                                    <a href="#">
                                        <h3>浏览更多<p>耳机</p>
                                        </h3>
                                        <i class="song"></i>
                                    </a>
                                </div>
                            </a></li>
                    </ul>
                </div>
            </div>
            <!-- 笔记平|平板 -->

            <!-- ---------------------------------------------家电 -->
            <div class="box  w ">
                <div class="top-1 ">
                    <h2>家电</h2>
                </div>
                <div class="top-2 ">
                    <a href="#">热门 </a>
                    <div class="top-3 ">
                        <a href="#">电影影视</a>
                    </div>
                    <div class="top-3 ">
                        <a href="#">空调 </a>
                    </div>
                </div>
            </div>
            <!--  -->
            <!----------------------------------------------------！！！！！！笔记本！！！！！！----------------------------------------------->
            <!--  -->
            <div class="big w h-j ">
                <div class="zuo"><a href="#"><img src="./imger/1b.jpg" alt=""></a></div>
                <div class="you1">
                    <ul>
                        <li><a href="#"><img src="./imger/2b.jpg" alt="">
                                <h3>小米手环8 Pro 原神定制版</h3>
                                <p>
                                    达达利亚主题定制手环 | 主题定制充电底</p>
                                <p class="f">549元</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/3b.jpg" alt="">
                                <h3>
                                    Redmi Watch 4
                                </h3>
                                <p>
                                    1.97英寸AMOLED大屏丨潮流金属表框丨20天超长续航</p>
                                <p class="f"> 499元</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/4b.jpg" alt="">
                                <h3>Redmi K70E</h3>
                                <p>
                                    新一代旗舰焊门员</p>
                                <p class="f">1999元起</p>
                            </a></li>
                        <li class="d"><a href="#"><img src="./imger/5b.jpg" alt="">
                                <h3>Xiaomi 14 Pro</h3>
                                <p class="den">
                                    徕卡Summilux可变光圈镜头｜小米澎湃OS</p>
                                <p class="f">4999元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/6b.jpg" alt="">
                                <h3>Xiaomi 14</h3>
                                <p class="den">
                                    徕卡光学Summilux镜头｜小米澎湃OS｜第</p>
                                <p class="f">3999元起</p>
                            </a></li>
                        <li><a href="#"><img src="./imger/7b.jpg" alt="">
                                <h3>Redmi Note 13 Pro</h3>
                                <p>
                                    小金刚品质</p>
                                <p class="f">1399元起 <s class="dz">1499元</s></p>
                            </a></li>
                        <li><a href="#"><img src="./imger/8b.jpg" alt="">
                                <h3>Redmi Note 13 Pro+</h3>
                                <p>
                                    天玑 7200-Ultra 处理器</p>
                                <p class="f">1899元起 <s class="dz">1999元</s></p>
                            </a></li>
                        <!--  -->
                        <!-- 需要细改！！！！！ -->
                        <!--  -->
                        <li class="d"><a href="#">
                                <div class="shang"><a href="#"><img src="./imger/9b.jpg" alt="">
                                        <h3>
                                            Redmi Buds 4 活力版
                                        </h3>
                                        <span class="dy">88元</span>
                                    </a></div>
                                <div class="xia">
                                    <a href="#">
                                        <h3>浏览更多<p>耳机</p>
                                        </h3>
                                        <i class="song"></i>
                                    </a>
                                </div>
                            </a></li>
                    </ul>
                </div>
              
            </div>
         
    </div>
   
    </div>
    <div class="navy w "><a href="#"><img src="./imger/oppo.jpg" alt=""></a></div>
    </div>

    </tbody>
    </div>
    <tfoot>
        <div class="kun"></div>
        <div class="ku">
            <div class="gou w">
                <ul>
                    <li><a href="#"><i class="yin"></i>预约维修服务</a></li>
                    <li><a href="#"><i class="yin"></i>七天无理由退货</a></li>
                    <li><a href="#"><i class="yin"></i>十五天免费换货</a></li>
                    <li><a href="#"><i class="yin"></i>满六十九天包邮</a></li>
                    <li><a href="#"><i class="yin"></i>一千余家售后网点</a></li>

                </ul>
            </div>
            <div class="dos w">
                <dl class="col">
                    <dt>选购指南</dt>
                    <dd><a href="#">手机</a></dd>
                    <dd><a href="#">电视</a></dd>
                    <dd><a href="#">笔记本</a></dd>
                    <dd><a href="#">平板</a></dd>
                    <dd><a href="#">穿戴</a></dd>
                    <dd><a href="#">耳机</a></dd>
                    <dd><a href="#">家电</a></dd>
                    <dd><a href="#">路由器</a></dd>
                    <dd><a href="#">音箱</a></dd>
                    <dd><a href="#">配件</a></dd>
                </dl>
                <dl class="col">
                    <dt> 服务中心</dt>
                    <dd><a href="#">申请售后</a></dd>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">维修服务价格</a></dd>
                    <dd><a href="#">订单查询</a></dd>
                    <dd><a href="#">以旧换新</a></dd>
                    <dd><a href="#">保障服务</a></dd>
                    <dd><a href="#">防伪查询</a></dd>
                    <dd><a href="#">F码通道</a></dd>
                </dl>
                <dl class="col">
                    <dt> 线下门店</dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#">服务网点</a></dd>
                    <dd><a href="#">授权体验店/专区</a></dd>
                </dl>
                <dl class="col">
                    <dt> 关于小米</dt>
                    <dd><a href="#">了解小米</a></dd>
                    <dd><a href="#">加入小米</a></dd>
                    <dd><a href="#">投资者关系</a></dd>
                    <dd><a href="#">可持续发展</a></dd>
                    <dd><a href="#">廉洁举报</a></dd>
                </dl>
                <dl class="col">
                    <dt> 关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">官方微信</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                    <dd><a href="#">公益基金会</a></dd>
                </dl>
                <div class="col-1">
                    <p class="onl">400-100-5678</p>
                    <p>8:00-18:00（仅收市话费）</p>
                    <a href="#"><button class="an">人工客服</button></a>
                </div>
            </div>
        </div>
        <div class="holle">
            <div class="bai w">
                <div class="rel">
                    <img src="./imger/logo-mi2.png" alt="">
                </div>
                <p>
                    <a href="#">小米商城</a><span> | </span>
                    <a href="#">小米澎湃OS </a><span> | </span>
                    <a href="#">米家 </a><span> | </span>
                    <a href="#">米聊</a><span> | </span>
                    <a href="#">多看</a><span> | </span>
                    <a href="#">游戏</a><span> | </span>
                    <a href="#">音乐</a><span> | </span>
                    <a href="#">政企服务</a><span> | </span>
                    <a href="#">小米天猫店</a><span> | </span>
                    <a href="#">小米集团隐私政策</a><span> | </span>
                    <a href="#">小米公司儿童信息保护规则</a><span> | </span>
                    <a href="#">小米商城隐私政策</a><span> | </span>
                    <a href="#">小米商城用户协议</a><span> | </span>
                    <a href="#">问题反馈 </a><span> | </span>
                    <a href="#">Select Location</a>
                </p>
                <p>
                    <a href="#"> 北京互联网法院法律服务工作站</a><span>|</span>
                    <a href="#">中国消费者协会</a><span>|</span>
                    <a href="#">北京市消费者协会</a>
                </p>
                <p>

                    <a href="#">© mi.com京ICP证110507号 </a>
                    <a href="#"> 京公网安备11010802020134号 </a>
                    <a href="#">京网文[2023]0169-004号 </a>
                </p>
                <p>
                    <a href="#">（京）网械平台备字（2018）</a>
                    <a href="#">第00005号 互联网药品信息服务资格证</a>
                    <a href="#">(京)-非经营性-2014-0090</a>
                    <a href="#">营业执照</a>
                    <a href="#">医疗器械质量公告</a>
                </p>
                <p>
                    <a href="#">增值电信业务经营许可证编号：京B2-20180851 </a>
                    <a href="#">网络食品经营备案</a>
                    <a href="#">京食药网食备202010048</a>
                    <a href="#">食品经营许可证</a>
                    <a href="#">新出发京批字第直220280号</a>
                </p>
                <p>
                    <a href="#"> 违法和不良信息举报电话：171-5104-4404</a>
                    <a href="#">知识产权侵权投诉</a>
                    <a href="#"> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
                </p>
                <p class="rul">
                    <a href="#"><img src="./imger/v-logo.jpg" alt=""></a>
                    <a href="#"><img src="./imger/v-logo-2.png" alt=""></a>
                    <a href="#"><img src="./imger/v-logo-3.png" alt=""></a>
                    <a href="#"><img src="./imger/v-1.jpg" alt=""></a>
                    <a href="#"><img src="./imger/v-2.jpg" alt=""></a>
                </p>
                <div class="hj"> </div>
            </div>

        </div>
    </tfoot>
    <script>
 var xx =  prompt('你是谁？');
 if(Text='老师'){
   alert('你以获得权限');
 }else{
  window.close();
 }
    </script>
</body>

</html>